<?php
$service_code = "CAR_WASH";
?>

<div id="auto_wassen_dialog" title="Laat je auto wassen bij Red Je Zaterdag">

  <?php 
  include 'common/body.error.inc.php';
  ?>

  <form id="auto_wassen_dialog_form" action="23_make_reservation.php" method="post">
  
    <div class="title" style="text-align: center">
      Selecteer hieronder je gewenste pakket
    </div>
    
    <div>
      <div style="float: left"><a href="#" id="auto-wassen-pakket-1"><img src="img/auto-wassen-pakket-1-sel.png" alt="pakket 1" /></a></div>
      <div style="float: left"><a href="#" id="auto-wassen-pakket-2"><img src="img/auto-wassen-pakket-2.png" alt="pakket 2" /></a></div>
      <div style="float: left"><a href="#" id="auto-wassen-pakket-3"><img src="img/auto-wassen-pakket-3.png" alt="pakket 3" /></a></div>
    </div>
    
    <div style="clear: both" ></div>
    
    <div class="blok" style="float: left">
  <?php

  $sql = "";
  $sql .= "SELECT CODE, NAME ";
  $sql .= "FROM LOCATIONS ";
  $sql .= "WHERE COMPANY_CODE = '$company_code' ";
  $sql .= "ORDER BY CODE ASC ";

  conn();
  $result = mysql_query($sql);
  if (!$result) {die('Could not exec query: ' . mysql_error());}
  $numRows = mysql_num_rows($result);
  close();
  ?>
  
  <?php if ($numRows > 1) { ?>
    <div class="title">
      Kies hier de locatie
    </div>
    <select id="car_wash_location_code" name="location_code">
      <?php
      echo "<option value=\"\">Kies een locatie ..</option>";
      while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
        echo "<option value=\"".$row["CODE"]."\">".$row["NAME"]."</option>";
      }
      ?>
    </select>
  <?php } else if ($numRows == 0) { ?>
    <p>
      <span class="error">Er zijn geen locaties gevonden</span>
    </p>
  <?php } else { ?>
    <div class="title">
      De locatie 
      <?php
      $row = mysql_fetch_array($result, MYSQL_ASSOC);
      echo "<span class=\"bg\">".$row["NAME"]."</span>";
      echo "<input type=\"hidden\" id=\"car_wash_location_code\" name=\"location_code\" value=\"".$row["CODE"]."\" />";
      ?>
    </div>
    <script type="text/javascript">
    $(function(){
      loadCarWashDateTable();
    })
    </script>
  <?php } ?>
    
    
      <div id="datepicker_wrapper">
        <div id="car_wash_date_table"></div>
      </div>
    </div>
    
    <div class="blok" style="float: left">
      <div class="title">Vul hieronder de ontbrekende gegevens in</div>
      <div>
        <select style="width:250px" id="auto-wassen-pakket-select" name="auto_wassen_pakket">
          <option value="1" selected="selected">Totaalpakket BASIS</option>
          <option value="2">Totaalpakket PLUS</option>
          <option value="3">Totaalpakket PRO</option>
        </select>
        <br /><br />
        <input style="width:250px" type="text" name="auto_wassen_name1" value="<?php echo $name1; ?>" title="Je naam" /><br /><br />
        <input style="width:250px" type="text" name="auto_wassen_tel_number" value="<?php echo $tel_number; ?>" title="Je telefoonnummer" /><br /><br />
        <input style="width:250px" type="text" name="auto_wassen_kenteken_auto" value="<?php echo $kenteken_auto; ?>" title="Je kenteken auto" /><br /><br />
        <input style="width:250px" type="text" name="auto-wassen-datum_display" id="auto-wassen-datum-display" value="" title="De datum" disabled="disabled" /><br /><br />
        <input type="hidden" id="auto-wassen-datum" name="auto_wassen_datum" />
      </div>
    </div>             
    
    <div class="blok" style="float: left">
      <div class="title">Beschikbaarheid</div>
      <p>
      De zorgvuldigheid en de kwaliteit van het stoom-reinigen 
      van de auto&#180;s kost veel tijd. Dat zorgt er voor dat er maar 
      een beperkt aantal auto&#180;s op een dag gereinigd kunnen worden. 
      In totaal kunnen we 4 auto&#180;s per dag stomen. Op de door jou 
      geselecteerde dag is nog plaats voor :
      </p>
      <h2 id="car-count-text"></h2>
    </div>             

    <div style="clear: both"></div>
    
    <hr />
    
    <p class="links">
      <a class="okay button" href="#" id="auto_wassen_dialog_submit">Bevestigen</a>&nbsp;&nbsp;<a class="cancel" id="auto_wassen_dialog_cancel" href="#">Annuleren</a>
    </p>
    
  </form>
    
</div>      
